<script setup>
import { ref, onBeforeUpdate, onUpdated } from "vue";
import Child from "./Child.vue";
const show = ref(true);

// // 更新之前
// onBeforeUpdate(() => {
//   console.log("onBeforeUpdate");
//   debugger;
// });

// // 更新之后
// onUpdated(() => {
//   console.log("onUpdated");
//   debugger;
// });
</script>

<template>
  <div>小滴课堂</div>
  <Child v-if="show" />
  <button @click="() => (show = !show)">关闭子组件</button>
</template>
